

<p>*ngIf</p>

<p *ngIf="!showtitle">my name is aaaa</p>

<!-- 多重条件判断
switch(n)
{
case 1:
  执行代码块 1
  break;
case 2:
  执行代码块 2
  break;
default:
  n 与 case 1 和 case 2 不同时执行的代码
}
-->

<p>多重条件判断</p>

<div [ngSwitch]="answer">
  <p *ngSwitchCase="'a'">正确答案是A</p>
  <p *ngSwitchCase="'b'">正确答案是B</p>
  <p *ngSwitchCase="'c'">正确答案是C</p>
  <p *ngSwitchCase="'d'">正确答案是D</p>
  <p *ngSwitchDefault>请输入正确答案</p>
</div>

<button (click)="buttonClick($event)">clickMe</button>

<a [href]="linkUrl">链接</a>

<hr>
<p>change name</p>
<p>{{title}}</p>

<hr>
<h6>input 双向数据绑定</h6>
<hr>
<!-- ngModel这个指令 属于表单模块FormsModule -->
<!---->
<input type="text" (ngModelChange)="handleChange()" [(ngModel)]="inputVal">
<p *ngIf="inputVal">inputValue {{inputVal}}</p>